/**
 * Copyright (C) 2012 KO GmbH <copyright@kogmbh.com>

 * @licstart
 * The JavaScript code in this page is free software: you can redistribute it
 * and/or modify it under the terms of the GNU Affero General Public License
 * (GNU AGPL) as published by the Free Software Foundation, either version 3 of
 * the License, or (at your option) any later version.  The code is distributed
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU AGPL for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this code.  If not, see <http://www.gnu.org/licenses/>.
 *
 * As additional permission under GNU AGPL version 3 section 7, you
 * may distribute non-source (e.g., minimized or compacted) forms of
 * that code without the copy of the GNU GPL normally required by
 * section 4, provided you include this license notice and a URL
 * through which recipients can access the Corresponding Source.
 *
 * As a special exception to the AGPL, any HTML file which merely makes function
 * calls to this code, and for that purpose includes it by reference shall be
 * deemed a separate work for copyright law purposes. In addition, the copyright
 * holders of this code give you permission to combine this code with free
 * software libraries that are released under the GNU LGPL. You may copy and
 * distribute such a system following the terms of the GNU AGPL for this code
 * and the LGPL for the libraries. If you modify this code, you may extend this
 * exception to your version of the code, but you are not obligated to do so.
 * If you do not wish to do so, delete this exception statement from your
 * version.
 *
 * This license applies to this entire compilation.
 * @licend
 * @source: http://www.webodf.org/
 * @source: https://github.com/kogmbh/WebODF/
 */
/*global Ext, app, filestore */
Ext.define("WebODFApp.view.FilesList", {
    extend: "Ext.Panel",
    xtype: 'fileslist',
    config: {
        layout: 'fit',
        items: [{
            xtype: 'list',
            store: 'FileStore',
/*
            store: {
                fields: ['fileName', 'fullPath'],
                grouper: {
                    groupFn: function (record) {
                        "use strict";
                        return record.get('fileName')[0].toUpperCase();
                    }
                },
                data: [
                    {fileName: 'Cowper', fullPath: '-'},
                    {fileName: 'Everett', fullPath: '-'},
                    {fileName: 'University', fullPath: '-'},
                    {fileName: 'Forest', fullPath: '-'}
                ]
            },
*/
/*
            listeners: {
                'itemtap': function (view, number, item) {
                    "use strict";
                    var record = view.getStore().getAt(number);
                    if (record) {
                        Ext.app.dispatch({
                            controller: 'Files', //app.controllers.files,
                            action: 'show',
                            id: record.getId()
                        });
                    }
                }
            },
*/
            itemTpl: '{fileName}<br/><span style="font-size:x-small">{fullPath}</span>',
            grouped: true,
            indexBar: true
        }]
    }
});
